<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.thymeleaf.org/thymeleaf-extras-shiro">

<head>
<meta charset="UTF-8">
<title>这是商店页面</title>
<link href="/plugins/layui/css/layui.css" rel="stylesheet" type="text/css"/>
</head>
<body>

<!-- 头部查询区域 -->
    <div style="margin: 10px 0 0 10px">
      	商店名：
        <div class="layui-inline">
            <input id="searchShopname" type="text" name="shopname" class="layui-input"/>
        </div>
      	<input type="button" id="searchBtn" class="layui-btn" value="查询"/>
        <input type="button" id="addBtn" class="layui-btn" value="新增"/>
        
    </div>

    <!-- 显示数据列表区域 -->
    <table id="shopTable" lay-filter="shopTable1"></table>
	
	<!-- 新增/编辑商店弹窗中的html模版  -->
	<script type="text/html" id="addShopTemplate">
		  <form class="layui-form" action="" style="padding: 20px" id="shopForm" lay-filter="shopForm">
            <input type="hidden" name="id">
            <div class="layui-form-item">
                <label class="layui-form-label">商店名</label>
                <div class="layui-input-inline">
                    <input type="text" name="name" autocomplete="off" class="layui-input">
                </div>
            </div>
			<div class="layui-form-item">
                <label class="layui-form-label">商店地址</label>
                <div class="layui-input-inline">
                    <input type="text" name="address" autocomplete="off" class="layui-input">
             		</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">tel</label>
                <div class="layui-input-inline">
                    <input type="text" name="tel" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"></label>
                <div class="layui-input-inline">
                    <input id="saveBtn" type="button" value="保存" class="layui-btn">
                </div>
            </div>
        </form>
	</script>
	
	<!-- 表格操作工具条模版 -->
	<script id="operateTemplate" type="text/html">
		<input type="button" value="查看仓库" lay-event="store" class="layui-btn layui-btn-xs"/>
		<input type="button" value="编辑" lay-event="edit" class="layui-btn layui-btn-xs"/>
		<input type="button" value="删除" lay-event="del" class="layui-btn layui-btn-xs layui-btn-danger"/>
	</script>
	
	<!-- 用户绑定角色模版 -->
	<script id="MyStoreTemplate" type="text/html">
		<table id="storeTable" lay-filter="storeTable1"></table>
	</script>
	
	<script type="text/javascript" src="/plugins/layui/layui.js"></script>
	<script type="text/javascript" src="/resources/js/shop.js"></script>
</body>
</html>